<template>
    <!-- 
      页面级组件（数据统计模块） =》 组件化开发   =》


     -->
    <div class="charts1">
                <!--1 划分业务=》  组件抽离=》很多地方使用   ，就我这个地方用
               dfdffddfdf 
                -->
              
            <EchartTopNav @getEcharts="getEcharts"></EchartTopNav>
            <!-- 可视化图表 =》组件封装=》
              1：创建一个单独文件
            
            -->

            <!-- 父组件给子组件数据 -->
            <Wbar :echartsList="echartsList" tooltip></Wbar>
            <Wbar :echartsList="echartsList" echartsid="ids" echartsBar="2"></Wbar>
   
        <!-- 折线  v-limitB-->
        <wLine  v-if="changeLimit('wLine','echart')" :echartsList="echartsList" echartsid="idss" echartsBar="2"  tooltip></wLine>
        <wLine  v-limitB="'wLine'" :echartsList="echartsList" echartsid="idsss" echartsBar="2"  tooltip></wLine>
   </div>
</template>


<script setup lang="ts">
   import * as echarts from 'echarts';
   import EchartTopNav from './EchartTopNav.vue'
   import Wbar from '@/WEchart/wbar/index.vue'
   import wLine from '@/WEchart/wLine/index.vue'
   import {changeLimit} from '@/Directives/index'
   import {onMounted,ref} from 'vue'


     //在父组件中获取数据 =》

     //  1）

     let echartsList = ref({list:[],xdata:[]})
  const getEcharts = (val:any)=>{
    console.log(val,888888); //获取到Echarts 数据
    echartsList.value = val
  }
   
</script>


<style scoped lang="scss">

</style>